<template>
    <el-container class="wrapper" direction="vertical">
        <v-head></v-head>
        <el-container>
            <v-sider></v-sider>
            <el-container direction="vertical" style="position:relative;">
              <v-bread></v-bread>
              <el-main style="padding-bottom:65px; height:100%;">
                  <transition name="el-fade-in-linear" mode="out-in">
                  	<keep-alive>
                   		<router-view></router-view>
                    </keep-alive>
                  </transition>
              </el-main>
              
            </el-container>
        </el-container>
    </el-container>
</template>

<script>
import vHead from './header.vue';
import vSider from './sider.vue';
import vBread from './bread.vue';
  export default {
      components:{
          vHead, vSider, vBread
      },
	data(){
	  return {
//	  	keepAliveInclude: [],
//	  	keepAliveExclude: [],
	  }
	}
  }
</script>

<style  scope>

</style>
